{include file="common/header"}
	<link rel="stylesheet" href="$meet/static/maps/css/style_dianping.css">
	<link rel="stylesheet" href="$meet/static/maps/css/global_2.css">
    <script src="$meet/static/maps/js/jquery-1.10.2.min_2.js" type="text/javascript"></script>

	 <link rel="stylesheet" href="$meet/static/bootstrap2.3.2/css/bootstrap.min.css">  
     <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
 	 <script src="$meet/static/bootstrap2.3.2/js/bootstrap.min.js"></script>
  	 <script src="$meet/static/bootstrap2.3.2/js/jquery-1.9.1.min.js"></script>

	<div class="navbar-fixed">
	<div class="main-nav">
		<div class="navbar-wrap">
			<div class="m-topMenu">
				<div class="slider-wrap"> 
					<div class="m-navItems">
						<div class="item-cell  selected">
							    <div class="btn-group">
							      <a class="btn dropdown-toggle" data-toggle="dropdown" >
							        冬奥赛区
							        <span class="caret"></span>
							      </a>
							      <ul class="dropdown-menu">
							        <li><a href="$meet/index.php/index/Map/partition">北京赛区</a></li>
							        <li role="separator" class="divider"></li>
							        <li><a href="$meet/index.php/index/Map/zhang_zone">张家口赛区</a></li>
							        <li role="separator" class="divider"></li>
							        <li><a href="$meet/index.php/index/Map/yanqing_zone">延庆赛区</a></li>
							      </ul>
							    </div>
						</div>
						<div class="item-cell ">
							<!-- <a href="$meet/index.php/index/Map/sking?class=1">滑雪推荐</a> -->
							<div class="btn-group">
                                  <a class="btn dropdown-toggle" data-toggle="dropdown" >
                                    滑雪推荐
                                    <span class="caret"></span>
                                  </a>
                                  <ul class="dropdown-menu">
                                    <li><a href="$meet/index.php/index/Map/sking?class=1">北京</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="$meet/index.php/index/Map/sking?class=3">张家口</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="$meet/index.php/index/Map/sking?class=2">延庆</a></li>
                                  </ul>
                                </div>
						</div>
<!-- 						<div class="item-cell">
							<a href="$meet/index.php/index/Map/snack" >小吃推荐</a>
						</div> -->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function () {
		$(".category-menu").on('click', function () {
			$(this).hasClass("expanded") ? $(this).removeClass("expanded") : $(this).addClass("expanded")
		})
		
		var d = $(".m-navItems"),
		u = d.find("div.selected");
		u.index() > 3 ? d.parent()[0].scrollLeft=u[0].offsetLeft-u.width()/2 : "";
	});
</script>    	
<div class="indexbox">
		{volist name="list->data" id="vo"} 
		<div class="nav{$vo.id}">
	      <a   data-toggle="modal" data-target="#{$vo.id}" id="">
		        <img src="$meet/static/maps/picture/{$vo.image}" alt="{$vo.name}">
		       <p  class="titles" >{$vo.name}</p>
	        </a>
	        <!-- 模态框（Modal） -->
				<div class="modal fade" id="{$vo.id}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
									&times;
								</button>
								<h4 class="modal-title" id="myModalLabel">
									{$vo.name}
								</h4>
							</div>
							<div class="modal-body">
							<p>日常营业时间：{$vo.bus_hour}</p>
							<p>比赛项目：{$vo.project}</p>
							<p>具体介绍：{$vo.content}</p>
							</div>
							<div class="modal-footer">
								<a href="$meet/index.php/index/Map/map?id={$vo.id}"><button type="button" class="btn btn-primary" >
									去这里
								</button></a>
							</div>
						</div><!-- /.modal-content -->
					</div><!-- /.modal -->
				</div>
        	<!--结束-->
		</div>
		{/volist} 
	</div>
	<br/><br/><br/>
	<script>
	// $(document).ready(function(){
 //        $('#myModal').modal('show');
 //    })
        var mouseStartPoint = {"left":0,"top":  0};  
        var mouseEndPoint = {"left":0,"top":  0};  
        var mouseDragDown = false;  
        var oldP = {"left":0,"top":  0};  
        var moveTartet ;  
        $(document).ready(function(){  
            $(document).on("mousedown","#myModaldialog",function(e){  
                if($(e.target).hasClass("close"))//点关闭按钮不能移动对话框  
                    return;  
                $(".modal").css("overflow", "hidden");//禁止模态对话框的半透明背景滚动
                mouseDragDown = true;  
                moveTartet = $(this).parent();  
                mouseStartPoint = {"left":e.clientX,"top":  e.clientY};  
                oldP = moveTartet.offset(); 
            $(document).on("mouseup",function(e){  
                mouseDragDown = false;  
                moveTartet = undefined;  
                mouseStartPoint = {"left":0,"top":  0};  
                oldP = {"left":0,"top":  0}; 
            });   
            });  
            $(document).on("mousemove",function(e){  
                if(!mouseDragDown || moveTartet == undefined)return;  
                var mousX = e.clientX;  
                var mousY = e.clientY;  
                if(mousX < 0)mousX = 0;  
                if(mousY < 0)mousY = 25;  
                mouseEndPoint = {"left":mousX,"top": mousY};  
                var width = moveTartet.width();  
                var height = moveTartet.height();  
                mouseEndPoint.left = mouseEndPoint.left - (mouseStartPoint.left - oldP.left);//移动修正，更平滑  
                mouseEndPoint.top = mouseEndPoint.top - (mouseStartPoint.top - oldP.top);  
                moveTartet.offset(mouseEndPoint);
            });  
        }); 
</script>
<!-- <script type="text/javascript">
	jQuery(document).ready(function($) {
	    $('.indexbox a').on('touchstart touchmove', function() {
	            $(this).addClass('touch-hover');
	    });
	    $('.indexbox a').on('touchend touchleave', function() {
	            $(this).removeClass('touch-hover');
	    });
	    	});
	//点击统计
	function clickTongji(type, url, relateId) {

		var uid = '';
		var postData = 'type='+type;
	    $.post ('http://m.8264.com/index.php?d=system&c=task&m=ajaxSetOwnTongji',postData,function(data) {

	    	//没登录，跳到登录界面，自有变量统计
	    	if (relateId && !uid) {
	    		var postData = 'type='+relateId;
			    $.post ('http://m.8264.com/index.php?d=system&c=task&m=ajaxSetOwnTongji',postData,function(data) {
			    	if (url != undefined) {
			    		window.location.href = url;
			    	}
			    },"json");
	    	} else {
	    		if (url != undefined) {
		    		window.location.href = url;
		    	}
	    	}

	    },"json");
	}

	//在外链接点击统计
	function wanClickTongji(type, url, newwindow) {
		if (url != undefined) {
			url += '?utmsource=p15007785&from='+type;
			if(newwindow == 1){
				window.open(url);
			}else{
				window.location.href = url;
			}
		}
	}
</script>
<script type="text/javascript" src="$meet/static/maps/js/jweixin-1.0.0.js"></script>
<script>
	/*
	 * 注意：
	 * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
	 * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
	 * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
	 *
	 * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
	 * 邮箱地址：weixin-open@qq.com
	 * 邮件主题：【微信JS-SDK反馈】具体问题
	 * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
	 */
	wx.config({
		debug: false,
		appId: 'wxed48effe86e38ed2',
		timestamp: 1521263386,
		nonceStr: 'KN9I9GcTXUzzU7PR',
		signature: '646fb8f89a223a7df7d035105b60233f829f6f10',
		jsApiList: [
			'onMenuShareTimeline'
			// 所有要调用的 API 都要加到这个列表中
		]
	});
	wx.ready(function () {
		// 在这里调用 API
		wx.onMenuShareTimeline({
			link: 'http://m.8264.com/dianping', // 分享链接
			imgUrl: 'http://m.8264.com/application/views/templates/tpl1/images/dianping/8264.png', // 分享图标
			success: function () {
				// 用户确认分享后执行的回调函数
				//mark_share();
			},
			cancel: function () {
				// 用户取消分享后执行的回调函数
			}
		});
	});

</script>
</body>
<html> -->
		<div class="goto_fatie_box">
				<a href="javascript:void(0);" class="go-top">
					<img src="/meetTWO/public/static/index/picture/goto.png" />
				</a>
		</div>
		<script type="text/javascript">
					$(".go-top").click(function () {
					var dcm = '__';
					var top = dcm == 'forum_thread_show' ? $('header').height() : 0;
					$('body,html').animate({ scrollTop: top }, 300);
					return false;
				});
		</script>